import { useSelector } from "react-redux";
import { Link } from "react-router-dom";
import "./index.scss";
function AppNavbar() {
  const profile = useSelector((state: any) => state.user.profile);
  return (
    <nav className="app-topnav">
      <div className="container">
        <ul>
          {profile.token ? (
            <li>
              <a
                href="#"
                onClick={(e) => {
                  e.preventDefault();
                }}
              >
                <i className="iconfont icon-user"></i>
                {profile.account}
              </a>
            </li>
          ) : (
            <li>
              <Link to={"/login"}>请先登录</Link>
            </li>
          )}
          {profile.token ? (
            <li>
              <a
                href="#"
                onClick={(e) => {
                  e.preventDefault();
                }}
              >
                退出登录
              </a>
            </li>
          ) : (
            <li>
              <a
                href="#"
                onClick={(e) => {
                  e.preventDefault();
                }}
              >
                免费注册
              </a>
            </li>
          )}

          <li>
            <Link to="/member/order">我的订单</Link>
          </li>
          <li>
            <a
              href="#"
              onClick={(e) => {
                e.preventDefault();
              }}
            >
              会员中心
            </a>
          </li>
          <li>
            <a
              href="#"
              onClick={(e) => {
                e.preventDefault();
              }}
            >
              帮助中心
            </a>
          </li>
          <li>
            <a
              href="#"
              onClick={(e) => {
                e.preventDefault();
              }}
            >
              关于我们
            </a>
          </li>
          <li>
            <a
              href="#"
              onClick={(e) => {
                e.preventDefault();
              }}
            >
              <i className="iconfont icon-phone"></i>手机版
            </a>
          </li>
        </ul>
      </div>
    </nav>
  );
}

export default AppNavbar;
